<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>游戏列表</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="lib/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/game.css">
</head>
<body>

    <body>
        <!--顶部-->
        <div class="top_box">
            <div class="container">
                   <div class="clearfix top_in">
                       <p class="left dec">SSM比赛报名系统</p>
                       <div class="right contact">
                            
                           <div class="other_contact contact_item">
                               <a href="javascript:;">
                                   <i class="iconfont icon-qq1"></i>
                               </a>
                               <a href="javascript:;">
                                   <i class="iconfont icon-weibo"></i>
                               </a>
                               <a href="javascript:;">
                                   <i class="iconfont icon-weixin"></i>
                               </a>
                           </div>
                           <!-- <div class="search contact_item">
                               <a href="javascript:;"><i class="iconfont icon-11"></i></a>
                           </div> -->
                             <div class="search contact_item">
                               <a href="log.html">登录</a>
                           </div> 
                           <div class="search contact_item">
                            <a href="reg.html">注册</a>
                        </div> 
                       </div>
                   </div>
            </div>
        </div>
        <!--导航-->
        <div class="top_nav_box">
            <div class="container">
    
                <div class="clearfix">
                    <div class="logo left">
                        <a href="javascript:;">
                            <img src="images/logo.png" alt="">
                        </a>
                    </div>
                    <ul class="nav_list left clearfix">
                        <li class="item">
                            <a href="首页.html" class="nav_name" style="font-size: 20px;">首页</a>
                        </li>
                        <li class="item active">
                            <a href="matchs.html" class="nav_name" style="font-size: 20px;">竞赛</a>
                        </li>
                        <li class="item">
                            <a href="course.html" class="nav_name" style="font-size: 20px;">课程</a>
                        </li>
                        <li class="item">
                            <a href="news.html" class="nav_name" style="font-size: 20px;">资讯</a>
                        </li>
                        <li class="item">
                            <a href="essay.html" class="nav_name" style="font-size: 20px;">文章</a>
                            <!-- <ul class="down_list">
                                <li class="down_list_item">
                                    <a href="javascript:;">产品套餐</a>
                                </li>
                                <li class="down_list_item">
                                    <a href="javascript:;">服务列表</a>
                                </li>
                            </ul> -->
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="nav_name" style="font-size: 20px;">我要发布</a>
                             <ul class="down_list">
                                <li class="down_list_item">
                                    <a href="javascript:;" style="font-size: 16px;">发布比赛</a>
                                </li>
                                <li class="down_list_item">
                                    <a href="javascript:;" style="font-size: 16px;">发布文章</a>
                                </li>
            
                            </ul>
                        </li>
                        
                        
                       
                        <!-- <li class="item">
                            <a href="javascript:;" class="nav_name">H5平台系统</a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="nav_name">云服务器</a>
                        </li>
                        <li class="item">
                            <a href="javascript:;" class="nav_name">联系我们</a>
                        </li> -->
                    </ul>
                    <ul>
                        <li class="item active" style="text-align: right;padding-right: 70px;padding-top: 32px;">
                            <input style="padding-bottom: 10px;line-height: 18px;font-size: 14px; width: 155px;height: 18px; border: 1.5px solid gray;border-radius: 12px 0px 0px 12px;border-right: none;padding-top: 10px;" 
                            type="text" placeholder="搜索比赛">
                            <input style="margin: 0px 0px 0px -3px;padding-bottom: 10px;line-height: 26px;font-size: 14px; width: 60px;height: 42px; border: 1px solid;border-radius: 2px 12px 12px 2px;padding-top: 8px;color:white;background-color:black;"
                             type="button" value="搜索" placeholder="搜索比赛">
                        </li>
                    </ul>
                </div>
            </div>
    </div>
    <div class="screen_small">
        <a href="javascript:;" class="small_logo">
            <img src="images/logo.png" alt="">
        </a>
        <span class="screen_small_menu"><i class="iconfont icon-caidan"></i></span>
        <ul class="screen_small_list">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">企业介绍</a>
            </li>
            <li>
                <a href="#">产品介绍</a>
            </li>
            <li>
                <a href="#">风格演示</a>
            </li>
            <li class="">
                <a href="javascript:;">产品套餐</a>
            </li>
            <li class="">
                <a href="javascript:;">服务列表</a>
            </li>
            <li>
                <a href="#">游戏列表</a>
            </li>
            <li>
                <a href="#">H5平台系统</a>
            </li>
            <li>
                <a href="#">云服务器</a>
            </li>
            <li>
                <a href="#">联系我们</a>
            </li>

        </ul>
    </div>
</div>
<!--游戏列表-->
<div class="about_banner">
    <img src="images/game_list/banner.png" alt="">
</div>

<!--游戏列表-->
<div class="container">

    <div class="game_filter">
        <dl class="game_filter_item">
            <dt class="font_bold">运营状态：</dt>
            <dd>
                <a href="javascript:;" class="active">全部</a>
                <a href="javascript:;">试运营</a>
                <a href="javascript:;">封闭</a>
                <a href="javascript:;">正式运营</a>
                <a href="javascript:;">公测</a>
                <a href="javascript:;">内测</a>
                <a href="javascript:;">技术测试</a>
                <a href="javascript:;">研发中</a>
            </dd>
        </dl>
        <dl class="game_filter_item">
            <dt class="font_bold">游戏题材：</dt>
            <dd>
                <a href="javascript:;" class="active">全部</a>
                <a href="javascript:;">科幻</a>
                <a href="javascript:;">神话</a>
                <a href="javascript:;">历史</a>
                <a href="javascript:;">玄幻</a>
                <a href="javascript:;">射击</a>
                <a href="javascript:;">体育</a>
                <a href="javascript:;">赛车</a>
                <a href="javascript:;">音乐舞蹈</a>
                <a href="javascript:;">格斗</a>
                <a href="javascript:;">都市</a>
                <a href="javascript:;">卡牌</a>
                <a href="javascript:;">仙侠</a>
                <a href="javascript:;">竞技</a>
                <a href="javascript:;">武侠</a>
                <a href="javascript:;">魔幻</a>
                <a href="javascript:;">奇幻</a>
                <a href="javascript:;">冒险</a>
                <a href="javascript:;">动漫</a>
                <a href="javascript:;">三国</a>
            </dd>
        </dl>
        <dl class="game_filter_item">
            <dt class="font_bold">游戏模式：</dt>
            <dd>
                <a href="javascript:;" class="active">全部</a>
                <a href="javascript:;">角色扮演</a>
                <a href="javascript:;">战争策略</a>
                <a href="javascript:;">休闲竞技</a>
                <a href="javascript:;">社区养成</a>
                <a href="javascript:;">模拟经营</a>
                <a href="javascript:;">在线棋牌</a>
                <a href="javascript:;">其他</a>
            </dd>
        </dl>
        <dl class="game_filter_item">
            <dt class="font_bold">游戏画面：</dt>
            <dd>
                <a href="javascript:;" class="active">全部</a>
                <a href="javascript:;">3D</a>
                <a href="javascript:;">2.5/2.8D</a>
                <a href="javascript:;">2D</a>
                <a href="javascript:;">纯页游</a>
            </dd>
        </dl>
        <dl class="game_filter_item">
            <dt class="font_bold">战斗方式：</dt>
            <dd>
                <a href="javascript:;" class="active">全部</a>
                <a href="javascript:;">回合制</a>
                <a href="javascript:;">即时制</a>
                <a href="javascript:;">其他方式</a>
            </dd>
        </dl>
        <dl class="game_filter_item">
            <dt class="font_bold">画面风格：</dt>
            <dd>
                <a href="javascript:;" class="active">全部</a>
                <a href="javascript:;">Q版卡通</a>
                <a href="javascript:;">国画水墨</a>
                <a href="javascript:;">写实</a>
                <a href="javascript:;">卡通</a>
                <a href="javascript:;">油画</a>
            </dd>
        </dl>
        <div class="search_box">
            <form action="#">
               <div class="right">
                   <input type="text" placeholder="请输入游戏名称"> <button type="submit" class="search_sub">搜索</button>
               </div>
            </form>
        </div>
    </div>

    <!--list-->
    <div class="game_sort">
        <div class="left game_sort_list">
            <a href="javascript:;" class="active">综合排序</a>
            <a href="javascript:;">最新入库 <i class="filter_icon"></i></a>
            <a href="javascript:;">开服排行<i class="filter_icon"></i></a>
            <a href="javascript:;">好评排行<i class="filter_icon"></i></a>
        </div>
        <div class="right data_num">
            共找到 <span class="color_b">1000</span> 个游戏
        </div>
    </div>
    <div class="list_box">
        <ul class="game_list">
            <li class="game_item clearfix">
                <div class="left game_pic">
                    <img src="images/game_list/1.png" alt="">
                </div>
                <div class="game_info left">
                    <div class="game_info_t">
                       <h2 class="name"> 传奇荣耀<span class="score">9.60</span></h2>
                    </div>
                    <div class="game_info_text" >
                        <p><label>状&nbsp;&nbsp;  态：</label><span>内测</span></p>
                        <p><label>画面方式：</label><span>2D</span></p>
                        <p><label>题&nbsp;&nbsp;  材：</label><span>武侠</span></p>
                        <p><label>游戏模式：</label><span>角色扮演</span></p>
                        <p><label>运&nbsp;&nbsp;  营：</label><span>本周开服</span><span  class="color_y">156</span></p>
                        <p><label>研发公司：</label><span class="color_y">上海灵娱</span></p>
                        <a href="javascript:;" class="game_contact">联系代理</a>
                    </div>
                    <div class="game_dec">
                        《传奇荣耀》是一款20107年最受瞩目的传奇题材即时战斗网页游戏。搜狗《传奇荣耀》延续传奇经典。打造散人天堂，游戏画面一怀旧写实为基调，继续市场主流设计，融入全新的设计理念，结合现金的创作与技术，力求带给玩家完美的传奇体验。
                    </div>
                    <a href="javascript:;" class="more_game"></a>
                </div>
            </li>
            <li class="game_item clearfix">
                <div class="left game_pic">
                    <img src="images/game_list/1.png" alt="">
                </div>
                <div class="game_info left">
                    <div class="game_info_t">
                        <h2 class="name"> 传奇荣耀<span class="score">9.60</span></h2>
                    </div>
                    <div class="game_info_text" >
                        <p><label>状&nbsp;&nbsp;  态：</label><span>内测</span></p>
                        <p><label>画面方式：</label><span>2D</span></p>
                        <p><label>题&nbsp;&nbsp;  材：</label><span>武侠</span></p>
                        <p><label>游戏模式：</label><span>角色扮演</span></p>
                        <p><label>运&nbsp;&nbsp;  营：</label><span>本周开服</span><span  class="color_y">156</span></p>
                        <p><label>研发公司：</label><span class="color_y">上海灵娱</span></p>
                        <a href="javascript:;" class="game_contact">联系代理</a>
                    </div>
                    <div class="game_dec">
                        《传奇荣耀》是一款20107年最受瞩目的传奇题材即时战斗网页游戏。搜狗《传奇荣耀》延续传奇经典。打造散人天堂，游戏画面一怀旧写实为基调，继续市场主流设计，融入全新的设计理念，结合现金的创作与技术，力求带给玩家完美的传奇体验。
                    </div>
                    <a href="javascript:;" class="more_game"></a>
                </div>
            </li>
            <li class="game_item clearfix">
                <div class="left game_pic">
                    <img src="images/game_list/1.png" alt="">
                </div>
                <div class="game_info left">
                    <div class="game_info_t">
                        <h2 class="name"> 传奇荣耀<span class="score">9.60</span></h2>
                    </div>
                    <div class="game_info_text" >
                        <p><label>状&nbsp;&nbsp;  态：</label><span>内测</span></p>
                        <p><label>画面方式：</label><span>2D</span></p>
                        <p><label>题&nbsp;&nbsp;  材：</label><span>武侠</span></p>
                        <p><label>游戏模式：</label><span>角色扮演</span></p>
                        <p><label>运&nbsp;&nbsp;  营：</label><span>本周开服</span><span  class="color_y">156</span></p>
                        <p><label>研发公司：</label><span class="color_y">上海灵娱</span></p>
                        <a href="javascript:;" class="game_contact">联系代理</a>
                    </div>
                    <div class="game_dec">
                        《传奇荣耀》是一款20107年最受瞩目的传奇题材即时战斗网页游戏。搜狗《传奇荣耀》延续传奇经典。打造散人天堂，游戏画面一怀旧写实为基调，继续市场主流设计，融入全新的设计理念，结合现金的创作与技术，力求带给玩家完美的传奇体验。
                    </div>
                    <a href="javascript:;" class="more_game"></a>
                </div>
            </li>
            <li class="game_item clearfix">
                <div class="left game_pic">
                    <img src="images/game_list/1.png" alt="">
                </div>
                <div class="game_info left">
                    <div class="game_info_t">
                        <h2 class="name"> 传奇荣耀<span class="score">9.60</span></h2>
                    </div>
                    <div class="game_info_text" >
                        <p><label>状&nbsp;&nbsp;  态：</label><span>内测</span></p>
                        <p><label>画面方式：</label><span>2D</span></p>
                        <p><label>题&nbsp;&nbsp;  材：</label><span>武侠</span></p>
                        <p><label>游戏模式：</label><span>角色扮演</span></p>
                        <p><label>运&nbsp;&nbsp;  营：</label><span>本周开服</span><span  class="color_y">156</span></p>
                        <p><label>研发公司：</label><span class="color_y">上海灵娱</span></p>
                        <a href="javascript:;" class="game_contact">联系代理</a>
                    </div>
                    <div class="game_dec">
                        《传奇荣耀》是一款20107年最受瞩目的传奇题材即时战斗网页游戏。搜狗《传奇荣耀》延续传奇经典。打造散人天堂，游戏画面一怀旧写实为基调，继续市场主流设计，融入全新的设计理念，结合现金的创作与技术，力求带给玩家完美的传奇体验。
                    </div>
                    <a href="javascript:;" class="more_game"></a>
                </div>
            </li>
            <li class="game_item clearfix">
                <div class="left game_pic">
                    <img src="images/game_list/1.png" alt="">
                </div>
                <div class="game_info left">
                    <div class="game_info_t">
                        <h2 class="name"> 传奇荣耀<span class="score">9.60</span></h2>
                    </div>
                    <div class="game_info_text" >
                        <p><label>状&nbsp;&nbsp;  态：</label><span>内测</span></p>
                        <p><label>画面方式：</label><span>2D</span></p>
                        <p><label>题&nbsp;&nbsp;  材：</label><span>武侠</span></p>
                        <p><label>游戏模式：</label><span>角色扮演</span></p>
                        <p><label>运&nbsp;&nbsp;  营：</label><span>本周开服</span><span  class="color_y">156</span></p>
                        <p><label>研发公司：</label><span class="color_y">上海灵娱</span></p>
                        <a href="javascript:;" class="game_contact">联系代理</a>
                    </div>
                    <div class="game_dec">
                        《传奇荣耀》是一款20107年最受瞩目的传奇题材即时战斗网页游戏。搜狗《传奇荣耀》延续传奇经典。打造散人天堂，游戏画面一怀旧写实为基调，继续市场主流设计，融入全新的设计理念，结合现金的创作与技术，力求带给玩家完美的传奇体验。
                    </div>
                    <a href="javascript:;" class="more_game"></a>
                </div>
            </li>
            <li class="game_item clearfix">
                <div class="left game_pic">
                    <img src="images/game_list/1.png" alt="">
                </div>
                <div class="game_info left">
                    <div class="game_info_t">
                        <h2 class="name"> 传奇荣耀<span class="score">9.60</span></h2>
                    </div>
                    <div class="game_info_text" >
                        <p><label>状&nbsp;&nbsp;  态：</label><span>内测</span></p>
                        <p><label>画面方式：</label><span>2D</span></p>
                        <p><label>题&nbsp;&nbsp;  材：</label><span>武侠</span></p>
                        <p><label>游戏模式：</label><span>角色扮演</span></p>
                        <p><label>运&nbsp;&nbsp;  营：</label><span>本周开服</span><span  class="color_y">156</span></p>
                        <p><label>研发公司：</label><span class="color_y">上海灵娱</span></p>
                        <a href="javascript:;" class="game_contact">联系代理</a>
                    </div>
                    <div class="game_dec">
                        《传奇荣耀》是一款20107年最受瞩目的传奇题材即时战斗网页游戏。搜狗《传奇荣耀》延续传奇经典。打造散人天堂，游戏画面一怀旧写实为基调，继续市场主流设计，融入全新的设计理念，结合现金的创作与技术，力求带给玩家完美的传奇体验。
                    </div>
                    <a href="javascript:;" class="more_game"></a>
                </div>
            </li>
            <li class="game_item clearfix">
                <div class="left game_pic">
                    <img src="images/game_list/1.png" alt="">
                </div>
                <div class="game_info left">
                    <div class="game_info_t">
                        <h2 class="name"> 传奇荣耀<span class="score">9.60</span></h2>
                    </div>
                    <div class="game_info_text" >
                        <p><label>状&nbsp;&nbsp;  态：</label><span>内测</span></p>
                        <p><label>画面方式：</label><span>2D</span></p>
                        <p><label>题&nbsp;&nbsp;  材：</label><span>武侠</span></p>
                        <p><label>游戏模式：</label><span>角色扮演</span></p>
                        <p><label>运&nbsp;&nbsp;  营：</label><span>本周开服</span><span  class="color_y">156</span></p>
                        <p><label>研发公司：</label><span class="color_y">上海灵娱</span></p>
                        <a href="javascript:;" class="game_contact">联系代理</a>
                    </div>
                    <div class="game_dec">
                        《传奇荣耀》是一款20107年最受瞩目的传奇题材即时战斗网页游戏。搜狗《传奇荣耀》延续传奇经典。打造散人天堂，游戏画面一怀旧写实为基调，继续市场主流设计，融入全新的设计理念，结合现金的创作与技术，力求带给玩家完美的传奇体验。
                    </div>
                    <a href="javascript:;" class="more_game"></a>
                </div>
            </li>
            <li class="game_item clearfix">
                <div class="left game_pic">
                    <img src="images/game_list/1.png" alt="">
                </div>
                <div class="game_info left">
                    <div class="game_info_t">
                        <h2 class="name"> 传奇荣耀<span class="score">9.60</span></h2>
                    </div>
                    <div class="game_info_text" >
                        <p><label>状&nbsp;&nbsp;  态：</label><span>内测</span></p>
                        <p><label>画面方式：</label><span>2D</span></p>
                        <p><label>题&nbsp;&nbsp;  材：</label><span>武侠</span></p>
                        <p><label>游戏模式：</label><span>角色扮演</span></p>
                        <p><label>运&nbsp;&nbsp;  营：</label><span>本周开服</span><span  class="color_y">156</span></p>
                        <p><label>研发公司：</label><span class="color_y">上海灵娱</span></p>
                        <a href="javascript:;" class="game_contact">联系代理</a>
                    </div>
                    <div class="game_dec">
                        《传奇荣耀》是一款20107年最受瞩目的传奇题材即时战斗网页游戏。搜狗《传奇荣耀》延续传奇经典。打造散人天堂，游戏画面一怀旧写实为基调，继续市场主流设计，融入全新的设计理念，结合现金的创作与技术，力求带给玩家完美的传奇体验。
                    </div>
                    <a href="javascript:;" class="more_game"></a>
                </div>
            </li>
        </ul>
        <div class="page_box">
            <a href="#" class="prev">←</a>
            <a href="#" class="active">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
            <a href="#" class="next">→</a>
        </div>
    </div>
</div>

<!--footer-->
<div class="footer">
    <div class="container">
        <div class="footer_top clearfix">
            <dl class="footer_code left">
                <dt>
                    <img src="images/code.png" alt="">
                </dt>
                <dd>
                    <a href="#"><i class="iconfont icon-xiaoxi"></i>在线咨询</a>
                </dd>
            </dl>
            <dl class="other_line left">
                <dt>商户中心</dt>
                <dd>
                    <a href="#">购买申请</a>
                </dd>
                <dd>
                    <a href="#">产品验证</a>
                </dd>
                <dd>
                    <a href="#">合作流程</a>
                </dd>
            </dl>
            <dl class="other_line left">
                <dt>服务内容</dt>
                <dd>
                    <a href="#">游戏代理</a>
                </dd>
                <dd>
                    <a href="#">游戏盒子</a>
                </dd>
                <dd>
                    <a href="#">H5平台系统</a>
                </dd>
            </dl>
            <dl class="other_line left">
                <dt>关于215</dt>
                <dd>
                    <a href="#">企业介绍</a>
                </dd>
                <dd>
                    <a href="#">公司证件</a>
                </dd>
                <dd>
                    <a href="#">招聘信息</a>
                </dd>
            </dl>
            <dl class="left footer_contact other_line">
                <dt>联系方式</dt>
                <dd>
                    <span class="contact_icon"><i class="iconfont icon-dingwei"></i></span>
                    XXX
                </dd>
                <dd>
                    <span class="contact_icon"><i class="iconfont icon-dianhua1"></i></span>
                    XXX
                </dd>
                <dd>
                    <span class="contact_icon"><i class="iconfont icon-youxiang"></i></span>
                    XXX
                </dd>
            </dl>
        </div>
        <div class="footer_line">
            <span>友情链接：</span>
            <a href="#">百度一下</a> |<a href="#">优酷视频</a> |<a href="#">腾讯视频</a>
        </div>
        <div class="footer_ban">
            <div class="left footer_ban_l">
                <a href="#">版权所有 © XXX   沪ICP备XXX号-19  </a>
            </div>
            <div class="right footer_ban_r">
                <img src="images/footer_logo.png" alt=""> |
                <img src="images/footer_jw.png" alt="">
            </div>
        </div>
    </div>
</div>
<!--浮层-->
<div class="float_box">
    <div class="float_up">
        <p>TOP</p>
        <span><i class="iconfont icon-jiantou-up"></i></span>
    </div>
    <ul class="float_list">
        <li>
            <span><i class="iconfont icon-qq"></i></span>
            <div class="show_box">
                <a href="javascript:;">立即咨询</a>
            </div>
        </li>
        <li>
            <span><i class="iconfont icon-dianhua"></i></span>
            <div class="show_box">
                <p>XXX</p>
            </div>
        </li>
        <li>
            <span><i class="iconfont icon-weixin1"></i></span>
            <div class="show_box">
                <img src="images/code2.png" alt="" class="code">
                <p>扫一扫，关注哦~</p>
            </div>
        </li>
    </ul>
    <div class="float_down">
        <span><i class="iconfont icon-jiantou-down"></i></span>
    </div>
</div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="lib/swiper/js/swiper.min.js"></script>
<script src="js/common.js"></script>
<script>

    _indexFn._hover('.game_list');

    $('.game_sort_list a').on('click',function(){
       $(this).addClass('active').siblings().removeClass('active');
    });
</script>
